:root {
  --c-white: #000;
  --c-black: #fff;

  --c-divider-light: rgba(255, 255, 255, 0.2);

  --c-text-light-1: #fff;
  --c-text-light-2: #ddd;
  --c-text-light-3: #bbb;

  --c-brand: #7bf;
  --c-brand-light: #9cf;

  --shadow-1: 0 1px 2px rgba(255, 255, 255, 0.04), 0 1px 2px rgba(255, 255, 255, 0.06);
  --shadow-2: 0 3px 12px rgba(255, 255, 255, 0.07), 0 1px 4px rgba(255, 255, 255, 0.07);
  --shadow-3: 0 12px 32px rgba(255, 255, 255, 0.1), 0 2px 6px rgba(255, 255, 255, 0.08);
  --shadow-4: 0 14px 44px rgba(255, 255, 255, 0.12), 0 3px 9px rgba(255, 255, 255, 0.12);
  --shadow-5: 0 18px 56px rgba(255, 255, 255, 0.16), 0 4px 12px rgba(255, 255, 255, 0.16);

  --code-inline-bg-color: rgba(255, 255, 255, 0.2);
}

#app .nav-bar {
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

#app .nav-bar-title {
  color: var(--c-brand);
  font-size: 2rem;
  text-shadow: 0 0 4px var(--c-brand);
}

#app .sidebar-link-item.active {
  text-shadow: 0 0 4px var(--c-brand);
}
